﻿*{
padding:0;
margin:0;
}
body{
   background-color:#F5F5F5;
   //height:4000px;
}
body:after{
   content:"探索黑科技，小米为发骚而生 ！";
   display:block;
   text-align:center;
   font: 600 20px/70px "楷体";
   color:#C9C9C9;
   //margin:20px auto;
}
a{
   text-decoration:none;
}
li{
   list-style:none;
}
.type-area{
   width:1200px;
   margin:0 auto;
   //background-color:#eee;
}
.clearfix:before,
.clearfix:after{
   content:"";
   display:table;
   clear:both;
}

@font-face {

  font-family: 'mi-font';

  src:  url('fonts/icomoon.eot?3qfwfa');

  src:  url('fonts/icomoon.eot?3qfwfa#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?3qfwfa') format('truetype'),
    url('fonts/icomoon.woff?3qfwfa') format('woff'),
    url('fonts/icomoon.svg?3qfwfa#icomoon') format('svg');

  font-weight: normal;

  font-style: normal;

}


[class^="icon-"], [class*=" icon-"] {

  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  line-height: 1;

  /* Better Font Rendering =========== */

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}


.test1{
   position:fixed;
   width:100%;
   //display:flex;
   //justify-content:space-around;
   z-index:100;
}
.positioning-box{
   width:1200px;
   margin:0 auto;
   position:relative;
}
.positioning-box .nav-bar{
   //width:25px;
   position:absolute;
   top:290px;
   left:1200px;
   //height:204px;
   //border:1px solid #EDEDED;
   //border-radius:5px;
   background-color:#fff;
}
.positioning-box .nav-bar div{
   position:relative;
   //transition:all 1s;
   //width:25px;
}
.positioning-box .nav-bar .font-icon{
   display:block;
   //line-height:40px;
   text-align:center;
   width:28px;
   font:15px/40px 'mi-font';
   color:#999;
   //transition:all .5s;
   border:1px solid #EDEDED;
   border-bottom:0;
   box-content:border-box;
}
.positioning-box .nav-bar div section{
   //width:auto;
   display:none;
   border:1px solid #EDEDED; 
   position:absolute;
   top:5px;
   right:30px;
   //padding:0 10px;
   background-color:#fff;
   border-radius:5px;
   white-space:nowrap;
}
.positioning-box .nav-bar div section .icon-title{

   font:15px/25px arial;
   color:#999;
   padding:0 10px;
}
.positioning-box .nav-bar div:hover .font-icon{
   color:#FE6803;
}
.positioning-box .nav-bar div:hover section{
   display:block;
}
.positioning-box .nav-bar div:last-child .font-icon{
   border-bottom:1px solid #EDEDED;
}
.positioning-box .nav-bar div:first-child section{
   padding:12px 12px 8px;
   top:0;
}
.positioning-box .nav-bar div:first-child section .icon-title{
   font:15px/25px arial;
   text-align:center;
   padding:0;
}
.positioning-box .nav-bar img{
   width:100px;
}


.nav-fixed{
   position:fixed;
   width:100%;
   z-index:10;
   box-shadow:0 2px 30px rgba(255,255,255,0.6);
}
header{
   height:40px;
   background-color:#333333;
}
header .top-nav{
   display:flex;
   justify-content:space-between;
}
header  li{
   float:left;
   list-style:none;
}
header .top-left li:first-child a,
header .top-right li:first-child a{
   padding-left:0;
}
header .top-left li:last-child a,
header .top-right li:last-child a{
   border:none;
   padding-right:0;
}
header .top-right li:nth-child(3) a{
   border:none;
   padding-right:20px;
}
header .top-right li:last-child a{
   display:block;
   height:40px;
   padding:0 20px;
   background-color:#424242;
   transition:all 0.5s;
   font-weight:700;
}
header .top-right li:last-child{
   position:relative;
   
}

header a{
   text-decoration:none;
   font:13px/40px arial;
   color:#A7A7A7;
   padding:0 6px;
   border-right:1px solid #424242;
   
}
header a:hover{
   color:#FFF;
}
header .top-right li:last-child:hover a{
   background-color:#fff;
   color:#FF6700;
}
header .top-right li:last-child .buy-list{
   position:absolute;
   top:40px;
   right:0;
   height:0;
   overflow:hidden;
   width:300px;
   text-align:center;
   font:13px/100px arial;
   color:#515151;
   background-color:#fff;
   transition:all 0.5s;
   border-radius:0 0 8px 8px;
   z-index:10;
}
header .top-right li:last-child:hover .buy-list{
   height:100px;
   box-shadow:0 3px 5px #eee;
}
header .top-left .download-app{
   
   position:realative;
}
header .top-left .download-app .qr{
   transition:all 0.5s;
   width:120px;
   height:0px;
   position:absolute;
   overflow:hidden;
   background-color:#fff;
   display:block;
   border:0;
   border-radius:0 0 8px 8px;
   transform:translateX(-25%);
   text-derocation:none;
   box-shadow:0 2px 5px #eee;
   z-index:5;
}
header .top-left .download-app .qr img{
   height:100px;
   margin:10px 10px 0;
   display:block;
}
header .top-left .download-app .qr .mi-app{
   display:block;
   text-align:center;
   font:15px/35px arial;
   letter-spacing:1px;
   color:#222;
}
header .top-left .download-app:hover .qr{
   height:150px;
}
header .top-left .download-app:hover a{
   color:#FFF;
}

.body-top{
   background-color:#fff;
   padding:65px 0 30px;
}

.nav-top{
   height:50px;
   margin-bottom:25px;
}
.nav-top .nav-left{
   float:left;
}
.nav-top .nav-left img{
   height:50px;
}

.nav-top .nav-right{
   height:50px;
   position:relative;
   float:right;
}
.nav-top .nav-right .search-label{
   position:absolute;
   top:0;
   right:60px;
   //transition:all 0.5s;
}
.nav-top .nav-right .search-label span{
   display:inline-block;
   padding:0 5px;
   margin-top:16px;
   font:12px/19px arial;
   color:#555;
   background-color:#eee;
   transition:all 0.5s;
}
.nav-top .nav-right .search-label span:hover{
   background-color:#FF832E;
   color:#fff;
   cursor:pointer;
}
.nav-top .nav-right input{
   display:block;
   height:50px;
   float:left;
   box-sizing:border-box;
   border:2px solid #ddd;
   outline:none;
   background-color:#fff;
   font:18px/1 "mi-font";
   color:#666;
}
.nav-top .nav-right:hover input{
   border-color:#bbb;
}
.nav-top .nav-right input[type=submit]:hover{
   cursor:pointer;
   background-color:#FF832E;
   border-color:#FF832E;
   color:#fff;
}
.nav-top .nav-right form:focus-within input{
   border-color:#FF832E;
}
.nav-top .nav-right form:focus-within .search-label{
   display:none;
}
.nav-top .nav-right form:focus-within .list-package{
   //border-color:#FF6700;
   //border:2px solid #FF6700;
   //display:block;
   height:302px;
   
}

.nav-top .nav-right input[type=text]{
   width:250px;
   text-indent:0.6em;
   border-right:0;
}
.nav-top .nav-right input[type=submit]{
   width:50px;
   transition:all 0.5s;
}
.list-package{
   position:absolute;
   top:50px;
   overflow:hidden;
   height:0;
   transition:all 0.5s;
   z-index:5;
}
.mi-producter{
   width:252px;
   box-sizing:border-box;
   border:2px solid #FF6700;
   border-top:0;
   background-color:#fff;
   //display:none;
}
.mi-producter li{
   list-style:none;
   padding-left:12px;
   
}
.mi-producter li:hover{
   background-color:#eee;
}
.mi-producter a{
   display:block;
   text-decoration:none;
   font:14px/30px arial;
   color:#909090;
   
}

.nav-top .nav-middle{
   margin-left:220px;
}
.nav-top .nav-middle>li{
   float:left;
   list-style:none;

}
.nav-top .nav-middle>li a{
   margin-right:20px;
   font:17px/50px arial;
   text-decoration:none;
   color:#616161;
   font-weight:700;
}
.nav-top .nav-middle>li a:hover{
   color:#FF832E;
}

.nav-top .nav-middle>li ul{
   position:absolute;
   width:100%;
   height:0;
   top:140px;
   left:0;
   background-color:#fff;
   z-index:3;
   transition:height .5s;
   display:flex;
   justify-content:center;
}
.nav-top .nav-middle>li ul li{
   width:200px;
   height:0;
   overflow:hidden;
   transition:height .5s;
   position:relative;
}
.nav-top .nav-middle>li ul li a{
   display:block;
   width:200px;
   padding-top:30px;
   box-sizing:border-box;
}
.nav-top .nav-middle>li ul li a img{
   width:100%;
   padding:0 30px;
   box-sizing:border-box;
   border-right:1px solid #eee;
}
.nav-top .nav-middle>li ul li:last-child a img{
   border:0;
}
.nav-top .nav-middle>li ul li a span{
   display:block;
   width:200px;
   text-align:center;
   font:12px/18px "微软雅黑";
   color:#555;
}
.nav-top .nav-middle>li ul li a span:last-child{
   color:#FF832F;
}
.nav-top .nav-middle>li:hover ul{
   height:200px;
   border-top:1px solid #ddd;
   box-shadow:0 3px 3px #ccc;

}
.nav-top .nav-middle>li:hover ul li{
   height:200px;
}




.nav-center{
   position:relative;
   width:1200px;
   height:450px;
   background-color:#eee;
   margin-bottom:30px;
   display:flex;
}
.nav-center .nav-center-list{
   width:220px;
   height:100%;
   background-color:#888;
   display:flex;
   flex-direction:column;
   justify-content:center;
}
.nav-center .nav-center-list>div{
   width:100%;
}
.nav-center .nav-center-list>div a{
   display:block;
   width:100%;
   height:40px;
   padding:0 25px;
   box-sizing:border-box;
   font:16px/40px "mi-font";
   color:#fff;
   letter-spacing:1px;
   display:flex;
   justify-content:space-between;
   transition:background .3s;
}
.nav-center .nav-center-list>div nav{
   position:absolute;
   top:0;
   left:220px;
   width:0;
   height:450px;
   background-color:#fff;
   display:flex;
   flex-wrap:wrap;
   align-content:flex-start;
   overflow:hidden;
   transition:width .5s;
}
.nav-center .nav-center-list>div nav div{
   transition:.5s;
}
.nav-center .nav-center-list>div nav div a{
   display:flex;
   align-items:center;
   justify-content:flex-start;
   padding:15px;
   box-sizing:border-box;
   width:245px;
   height:75px;
}
.nav-center .nav-center-list>div nav div a img{
   height:45px;
   margin-right:15px;
}
.nav-center .nav-center-list>div nav div a span{
   font:400 14px/1 "微软雅黑";
   color:#777;
}

.nav-center .nav-center-pic{
   width:980px;
   overflow:hidden;
}
.nav-center .nav-center-pic a{
   display:block;
   float:right;
   box-sizing:border-box;
}
.nav-center .nav-center-pic a img{
   height:450px;
   
}

.nav-center .nav-center-list>div:hover>a{
   background-color:#FF7415;
}
.nav-center .nav-center-list>div:hover>nav{
   width:980px;
   box-shadow:8px 8px 20px #ddd;
   border-radius:0 10px 10px 0;
}
.nav-center .nav-center-list>div nav div:hover{
   box-shadow:2px 2px 10px #eee;
   transform:translateY(-2px);
}
.nav-center .nav-center-list>div nav div:hover a span{
   color:#FF7415;
}



.nav-bottom{
   margin-bottom:30px;
   display:flex;
   justify-content:space-between;
}
.nav-bottom .other-list{
   width:220px;
   height:151px;
   background-color:#5F5750;
   display:flex;
   flex-flow:row wrap;
}

.nav-bottom .other-list div{
   position:relative;
}
.nav-bottom .other-list div:nth-child(1):before{
   content:"";
   position:absolute;
   display:block;
   width:62px;
   height:1px;
   left:5px;
   bottom:0;
   background-color:#888;
}
.nav-bottom .other-list div:nth-child(1):after{
   content:"";
   position:absolute;
   display:block;
   width:1px;
   height:65px;
   right:0px;
   top:5px;
   background-color:#888;
}
.nav-bottom .other-list div:nth-child(2):before{
   content:"";
   position:absolute;
   display:block;
   width:62px;
   height:1px;
   left:5px;
   bottom:0;
   background-color:#888;
}
.nav-bottom .other-list div:nth-child(2):after{
   content:"";
   position:absolute;
   display:block;
   width:1px;
   height:65px;
   right:0px;
   top:5px;
   background-color:#888;
}
.nav-bottom .other-list div:nth-child(3):before{
   content:"";
   position:absolute;
   display:block;
   width:62px;
   height:1px;
   left:5px;
   bottom:0;
   background-color:#888;
}
.nav-bottom .other-list div:nth-child(4):after{
   content:"";
   position:absolute;
   display:block;
   width:1px;
   height:65px;
   right:0px;
   top:5px;
   background-color:#888;
}
.nav-bottom .other-list div:nth-child(5):after{
   content:"";
   position:absolute;
   display:block;
   width:1px;
   height:65px;
   right:0px;
   top:5px;
   background-color:#888;
}

.nav-bottom .other-list div a{
   display:block;
   text-align:center;
   width:72px;
   height:75px;
   font:22px/1 "mi-font";
   color:#ccc;
   //margin:5px 5px;
   padding-top:13px;
   box-sizing:border-box;
}
.nav-bottom .other-list div a span{
   font:12px/1 arial;
}
.nav-bottom .other-list div a:hover{
   color:#fff;
}

.nav-bottom a{
   display:block;
}
.nav-bottom a img{
   height:151px;
}

.nav-banner img{
   width:1200px;
}


.content-phone{
   padding-top:40px;
}
.content-phone .phone-title{
   //width:100%;
   display:flex;
   justify-content:space-between;
   margin-bottom:20px;
   height:20px;
   line-height:20px;
}
.content-phone .phone-title h3{
   font-weight:300;
   color:#444;
}
.content-phone .phone-title a{
   display:block;
   font:16px/20px arial;
   
}
.content-phone .phone-title a div{
   display:inline-block;
   margin-left:10px;
   width:18px;
   //line-height:18px;
   text-align:center;
   color:#fff;
   border-radius:50%;
   background-color:#B0B0B0;
   //font-family:"mi-font";
   font:12px/18px "mi-font";
}
.content-phone .phone-title a:hover{
   color:#FE6803;
   cursor:pointer;
}
.content-phone .phone-title a:hover div{
   background-color:#FE6803;
   color:#fff;
}

.content-phone .phone-main{
   display:flex;
}
.content-phone .phone-main .phone-left{
   height:577px;
   //background:transparent; 
   //opacity:0;
}

.content-phone .phone-main .phone-left img{
   width:220px;
}
.content-phone .phone-main .phone-right{
   display:flex;
   align-content:space-between;
   flex-flow:row wrap;
}
.content-phone .phone-main .phone-right a{
   display:block;
   margin-left:25px;
   width:220px;
   height:275px;
   background-color:#fff;
   font:600 12px/1 arial;
   color:#555;
   text-align:center;
}
.content-phone .phone-main .phone-right a img{
   width:145px;
   display:block;
   margin:18px auto;
}
.content-phone .phone-main .phone-right a p{
   line-height:20px;
}
.content-phone .phone-main .phone-right a :nth-child(3){
   color:#999;
}
.content-phone .phone-main .phone-right a p:last-child{
   color:#FF6700;
   line-height:35px;
}
.content-phone .phone-main .phone-right a p:last-child span{
   color:#999;
   text-decoration:line-through;
}
.shadow-hover{
   transition:all .3s;
}
.shadow-hover:hover{
   transform:translateY(-5px);
   box-shadow:0 20px 50px #ddd;
}

.new-product::before{
   content:"新品";
   display:block;
   float:left;
   margin:0 80px;
   font:12px/20px arial;
   letter-spacing:1px;
   text-align:center;
   width:60px;
   color:#fff;
   background-color:#83C44E;
}
.seconds-kill::before{
   content:"秒杀";
   display:block;
   float:left;
   margin:0 80px;
   font:12px/20px arial;
   letter-spacing:1px;
   text-align:center;
   width:60px;
   color:#fff;
   background-color:#E53935;
}
.knock::before{
   content:"减200元";
   display:block;
   float:left;
   margin:0 80px;
   font:12px/20px arial;
   letter-spacing:1px;
   text-align:center;
   width:60px;
   color:#fff;
   background-color:#E53935;
}

.main-banner{
   margin:40px auto;
   width:1200px;
}
.main-banner img{
   width:100%;
}

.household-appliances .article-title{
   display:flex;
   justify-content:space-between;
   margin-bottom:20px;
   //height:20px;
   line-height:20px;
}
.household-appliances .article-title h3{
   font-weight:300;
   color:#444;
}
.household-appliances .article-title a{
   float:left;
   display:block;
   margin-left:15px;
   font:18px/20px arial;
   color:#444;
   padding-bottom:2px;
   box-sizing:border-box;
   border-bottom:2px solid transparent;
}
.household-appliances .article-title a:hover{
   color:#FE6803;
   border-color:#FE6803;
}

.household-appliances .household-appliances-list{
   display:flex;
   align-content:space-between;
   justify-content:space-between;
   flex-flow:row wrap;
   width:100%;
   height:577px;
   z-index:1;
}
.household-appliances .household-appliances-list a{
   position:relative;
   display:block;
   //margin-left:25px;
   width:220px;
   height:275px;
   background-color:#fff;
   font:600 12px/1 arial;
   color:#555;
   text-align:center;
   //background-color:pink;
   overflow:hidden;
}
.household-appliances .household-appliances-list a:nth-child(1) img,
.household-appliances .household-appliances-list a:nth-child(6) img{
   width:220px;
   margin:0 0;
   position:absolute;
   bottom:0;
}
.household-appliances .household-appliances-list a img{
   width:160px;
   display:block;
   margin:15px auto 0;
}
.household-appliances .household-appliances-list a p{
   line-height:20px;
}
.household-appliances .household-appliances-list a p:nth-child(3){
   color:#999;
}
.household-appliances .household-appliances-list a p:nth-child(4){
   color:#FF6700;
   line-height:35px;
   padding-top:15px;
}
.household-appliances .household-appliances-list a p .delete-line{
   color:#999;
   text-decoration:line-through;
}

.household-appliances .household-appliances-list a .information-annotation{
   position:absolute;
   bottom:-75px;
   left:0;
   width:220px;
   height:75px;
   background-color:#FF7C24;
   padding:8px 0;
   box-sizing:border-box;
   transition:bottom .5s;
}
.household-appliances .household-appliances-list a .information-annotation p{
   width:180px;
   margin:0 auto;
}
.household-appliances .household-appliances-list a .information-annotation p:first-child{
   font:12px/17px arial;
   color:#fff;
   text-align:left;
   height:45px;
}
.household-appliances .household-appliances-list a .information-annotation p:last-child{
   font:12px/1 arial;
   color:#FCD1B2;
   //display:block;
   letter-spacing:1px;
}
.household-appliances .household-appliances-list a .information-annotation p:last-child mark{
   background-color:#FFAD74;
   color:#FF7C24;
}
.household-appliances .household-appliances-list a:hover .information-annotation{
   bottom:0;
}

.household-appliances .household-appliances-list .list-end{
   
   display:flex;
   align-content:space-between;
   justify-content:space-between;
   flex-flow:row wrap;
   //margin-left:25px;
   width:220px;
   height:275px;
   //background-color:#fff;
   //font:600 12px/1 arial;
   
   //text-align:center;
   //background-color:pink;
   //overflow:hidden;
   
}
.household-appliances .household-appliances-list .list-end a{
   //display:block;
   //width:220px;
   height:125px;
   //background-color:#fff;
   padding:0 0 0 20px;
   //color:#555;
   //position:relative;
   text-align:left;
   box-sizing:border-box;
   //background-color:pink;
}

.household-appliances .household-appliances-list .list-end a:first-child p{
   font:16px/25px arial;
   padding-top:40px; 
}
.household-appliances .household-appliances-list .list-end a:first-child p span{
   font:12px/20px arial;
   color:#FF6700; 
}
.household-appliances .household-appliances-list .list-end a:first-child img{
   position:absolute;
   width:75px;
   right:15px;
   top:25px;
}
.household-appliances .household-appliances-list .list-end a:last-child p{
   font:600 20px/25px arial; 
   padding-top:40px; 
}
.household-appliances .household-appliances-list .list-end a:last-child p span{
   font:300 14px/16px arial;
   color:#999; 
}
.household-appliances .household-appliances-list .list-end a:last-child h2{
   display:block;
   position:absolute;
   font:100 50px/125px "mi-font";
   color:#FF6700; 
   right:35px;
   top:0px;
}

.recommended .recommended-title{
   display:flex;
   justify-content:space-between;
   margin-bottom:20px;
   //height:20px;
   line-height:20px;
}
.recommended .recommended-title h3{
   font-weight:300;
   color:#444;
}

.recommended .recommended-title div{
    border:1px solid #ccc;
   margin-top:
}
.recommended .recommended-title div a{
   display:block;
   width:40px;
   font:18px/25px "mi-font";
   color:#ccc;
   float:left;
   text-align:center;
}
.recommended .recommended-title div a:first-child{
   border-right:1px solid #ccc;
}
.recommended .recommended-title div a:hover{
   color:#FF6700;
}

.recommended .recommended-content{
   display:flex;
   align-content:space-between;
   justify-content:space-between;
   flex-flow:row wrap;
   width:100%;
   height:275px;
}
.recommended .recommended-content a{
   position:relative;
   display:block;
   //margin-left:25px;
   width:220px;
   height:100%;
   background-color:#fff;
   font:500 13px/35px arial;
   color:#000;
   text-align:center;
   //background-color:pink;
   //overflow:hidden;
}
.recommended .recommended-content a img{
   width:160px;
   display:block;
   margin:15px auto 0;
}
.recommended .recommended-content p:last-child{
   color:#FF6700;
   letter-spacing:1px;
}

.mi-video .video-title{
   display:flex;
   justify-content:space-between;
   margin-bottom:20px;
   height:20px;
}
.mi-video .video-title h3{
   font-weight:300;
   color:#444;
}
.mi-video .video-title>a{
   display:block;
   font:16px/20px arial;
}
.mi-video .video-title>a span{
   float:left;
   margin-left:10px;
}
.mi-video .video-title>a span:first-child{
   transition:all .3s;
   color:#444;
}
.mi-video .video-title>a span:last-child{
   transition:all .3s;
   background-color:#aaa;
   color:#fff;
   display:block;
   width:18px;
   height:18px;
   border-radius:50%;
   font: 500 12px/18px "mi-font";
   text-align:center;
}
.mi-video .video-title>a:hover{
   cursor:pointer;
}
.mi-video .video-title>a:hover span:first-child{
   color:#FE6803;
}
.mi-video .video-title>a:hover span:last-child{
   background-color:#FE6803;
}

.mi-video .video-content{
   display:flex;
   width:100%;
   justify-content:space-between;
}
.mi-video .video-content div{
   width:280px;
   height:280px;
   background-color:#fff;
}
.mi-video .video-content div>a{
   display:block;
   position:relative;
}
.mi-video .video-content div>a img{
   width:280px;
}
.mi-video .video-content div>a span{
   display:block;
   position:absolute;
   text-align:center;
   text-indent:3px;
   height:20px;
   width:35px;
   border:1px solid #fff;
   border-radius:12px;
   bottom:12px;
   left:16px;
   color:#fff;
   font:16px/20px "mi-font";
}
.mi-video .video-content div p{
   padding-top:20px;
   font:13px/30px "微软雅黑";
   color:#aaa;
   text-align:center;
}
.mi-video .video-content div p a{
   color:#222;
}
.mi-video .video-content div>a:hover span{
   background-color:#FE6803;
   border-color:#FE6803;
}
.mi-video .video-content div p a:hover{
   color:#FE6803;
}


.bottom-list{
   background-color:#fff;
   margin:40px 0 30px;
   /* height:500px; */
}
.bottom-list .bottom-list-title{
   border-bottom:1px solid #ddd;
   display:flex;
   
}
.bottom-list .bottom-list-title div{
   margin:20px 0;
   border-right:1px solid #ddd;
   flex:1;
   text-align:center;
}
.bottom-list .bottom-list-title div:last-child{
   border:none;
}
.bottom-list .bottom-list-title div a{
   display:inline-block;
   color:#616161;
   //margin:0 auto;
   font:18px/21px "mi-font";
}
.bottom-list .bottom-list-title div a:hover{
   color:#FE6803;
}

.bottom-list .bottom-list-content{
   display:flex;
}
.bottom-list .bottom-list-content .bottom-list-content-left{
   flex:1;
   margin:30px 0;
   display:flex;
}
.bottom-list .bottom-list-content .bottom-list-content-left section{
   flex:1;
   font-family:"微软雅黑";
   
}
.bottom-list .bottom-list-content .bottom-list-content-left section h5{
   margin-bottom:16px;
   color:#333;
   font-weight: lighter;
}
.bottom-list .bottom-list-content .bottom-list-content-left section h6 a{
   line-height:25px;
   color:#616161;
   font-weight: lighter;
}
.bottom-list .bottom-list-content .bottom-list-content-left section h6 a:hover{
   color:#FE6803;
}
.bottom-list .bottom-list-content .bottom-list-content-right{
   width:240px;
   border-left:1px solid #ddd;
   //height:100px;
   margin:30px 0;
   text-align:center;
}
.bottom-list .bottom-list-content .bottom-list-content-right h2{
   font:22px/35px arial;
   color:#FE6803;
}
.bottom-list .bottom-list-content .bottom-list-content-right p{
   font:13px/20px arial;
   color:#555;
}
.bottom-list .bottom-list-content .bottom-list-content-right a{
   font:14px/25px "mi-font";
   color:#FE6803;
   display:block;
   width:120px;
   border:1px solid #FE6803;
   margin:10px 0 0 60px;
   transition:all .5s;
   //vertical-align:middle;
   box-sizing:border-box;
}
.bottom-list .bottom-list-content .bottom-list-content-right a:hover{
   background-color:#FE6803;
   color:#fff;
}

footer{
   display:flex;
}
footer .mi-logo{
   width:50px;
   margin-right:10px;
}
footer .mi-logo img{
   width:50px;
}

footer .legal-information{
   //background-color:pink;
   flex:1;
   font:12px/12px "微软雅黑";
}
footer .legal-information ul{
   //background-color:green;
   margin-bottom:7px;
}
footer .legal-information ul li{
   float:left;
   border-right:1px solid #999;
}
footer .legal-information ul a{
   //vertical-align:top;
   color:#333;
   //font:12px/1 "微软雅黑";
   margin:0 5px;
}
footer .legal-information ul li:first-child a{
   margin-left:0;
}
footer .legal-information ul li:last-child{
   border:0;
}
footer .legal-information p{
   color:#aaa;
   //font:12px/18px "微软雅黑";
   //margin:0 3px;
   //vertical-align:top;
   margin-bottom:5px;
}
footer .legal-information p a{
   color:#aaa;
}

footer .government-department{
   //background-color:pink;
   display:flex;
   padding:5px 0;
}
footer .government-department a{
   display:block;
   //height:30px;
}
footer .government-department a img{
   height:28px;
   margin-right:5px;
}

footer .legal-information a:hover{
   color:#FE6803;
}
















